// 权限控制
import router from './router'
import { getToken } from './utils/auth'
import store from './store'
import { asyncRoutes } from './router/asyncRoute'


const WHITE_LIST = ['/login', '/404'] // 白名单路由


// 处理一级路由权限数据
function getFirstRoutePerms(permsArr) {
  const newArr = permsArr.map(item => {
    return item.split(':')[0]   // 数据是这样的 [park:enterprise, park:enterprise:list, park:enterprise:add, park:enterprise:edit, park:enterprise:del]
    // 只要第一个，所以为[ park, parking ]
  })
  return [...new Set(newArr)] // 去重 new Set 自带去重的功能，也是最简单的，再配合着展开运算符，返回的还是字符串数组
}

// 处理二级路由权限数据
function getSecondRoutePerms(permsArr) {
  const newArr = permsArr.map(item => {
    const arr = item.split(':')
    return `${arr[0]}:${arr[1]}` // 只需要2个，拼接成 `${arr[0]}:${arr[1]}`，比如 park:enterprise
  })
  return [...new Set(newArr)]
}

router.beforeEach(async (to, from, next) => {
  const token = getToken()
  // 有token
  if (token) {
    next()
    //只有从来没有获取到权限数据，才执行后面的逻辑
    if (!store.state.user.profile.id) {
      // 1. 调用action函数获取用户权限数据
      const perms = await store.dispatch('user/getProfile')
      // 2. 把后端的权限数组格式化成我们自己的俩个权限数据
      console.log('当前的权限数据为:', perms)
      const firstRoutePerms = getFirstRoutePerms(perms)
      // console.log(firstRoutePerms)
      const secondRoutePerms = getSecondRoutePerms(perms)
      // console.log(secondRoutePerms)
      // 3. 根据权限数据过滤动态路由表
      const routes = getRoutes(firstRoutePerms, secondRoutePerms, asyncRoutes)
      // console.log(routes, "哈哈哈哈");
      // 4.把动态路由添加到路由系统中（当浏览器中访问路由的路径 显示渲染出来对应的组件）
      routes.forEach(route => {
        router.addRoute(route)
      })
      // 5. 存入Vuex渲染左侧菜单
      store.commit('menu/setMenuList', routes)
    }
  } else {
    // 没有token
    // 是否在数组中能找到当前路由
    if (WHITE_LIST.includes(to.path)) {
      next()
    } else {
      next('/login')
    }
  }
})

// 根据权限标识过滤路由表
function getRoutes(firstRoutePerms, secondRoutePerms, asyncRoutes) {
  // console.log(firstRoutePerms, secondRoutePerms, asyncRoutes, '权限数据和动态路由表');

  // 判断是否是超级管理员权限
  const isSuperAdmin = firstRoutePerms.includes('*') || secondRoutePerms.includes('*:*')
  // console.log(isSuperAdmin, '超级管理员权限');

  // 如果是超级管理员，直接返回所有路由，不做过滤
  if (isSuperAdmin) {
    return asyncRoutes
  }


  // 根据一级和二级对动态路由表做过滤 return出去过滤之后的路由表
  // 1. 根据一级路由对动态路由表做过滤
  return asyncRoutes.filter(route => {
    //firstRoutePerms =  [ park, parking ]  route.permission 是 park 或者 parking
    // 对每个 route 判断其 permission 是否存在于 firstRoutePerms 中。
    // 如果存在（即用户有权限），则保留该路由，否则过滤掉。
    return firstRoutePerms.includes(route.permission)
  }).map(item => { 
    //  先根据一级权限过滤主路由。
    // 再对每个主路由的 children 进行二级权限过滤。
    // 2. 对二级路由做过滤
    return {
      ...item,
      children: item.children.filter(item => secondRoutePerms.includes(item.permission))
    }
  })
}
